



.#{$prefix}{
  &-btn{
    display: inline-block;
    margin-bottom: 0; // For input.btn
    font-weight: $btn-font-weight;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
    border: 1px solid transparent;
    white-space: nowrap;
    text-decoration: none;
    user-select: none;
    outline: none;
    box-sizing: border-box;
    @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $btn-border-radius-base);
    &-primary{
      @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
    }
    &-default{
      @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
    }
    &-block{
      display: block;
      width: 100%;
    }




    &[disabled="disabled"],&[disabled]{
      opacity: 0.6;
      cursor: not-allowed;
    }
  }
}

